.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 74px;
  background-color: #202020;
}

.header__image {
  width: 38px;
  height: 38px;
  cursor: pointer;
  transition: opacity 0.2s;
  margin-left: 70px;
}

.header__image:hover {
  opacity: 0.7;
}

@media screen and (max-width: 850px) {
  .header__image {
    margin-left: 30px;
  }
}
@media screen and (max-width: 450px) {
  .header__image {
    margin-left: 14px;
  }
}
